<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/main.css">
    <title>Document</title>
</head>

<body>
    <div class="card">
        <h3>登录之后更加精彩</h3>
        <form>
            <input type="email" id="email" name="email" placeholder="邮箱" />
            <input type="password" id="password" name="password" placeholder="password" />
            <input type="submit" value="登录" />
        </form>
        <ul>
            <li><a href="#">注册</a></li>
            <li><a href="#">忘记密码</a></li>
        </ul>
    </div>
    <script>
        var canvasNext = document.createElement("script");

        canvasNext.color = "0, 235, 255"; // 粒子颜色(RGB)
        canvasNext.opacity = '0.5'; // 粒子透明度
        canvasNext.zIndex = '-2'; // 画布层级
        canvasNext.count = '150'; // 粒子数量
        canvasNext.src = 'https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js';

        document.body.appendChild(canvasNext)
    </script>
</body>

</html>